/* CSS Document */
@import "base.css";
@import "ico.css";
.viewport{
	max-width: 720px;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.viewports{
	background:#333333
}
.viewport_gov{
	position:relative
}
div.viewport_gov ul.menus_list_01{
	margin-right:6.5em
}
/**导航页w8格样式*/
.menus_list_01{		
	/*margin: 1.5em auto 0;
	display: -webkit-box;
	display: -moz-box;
	display: box;*/
	float:left;
}
.menus_list_01 li {
	overflow: hidden;
	float:left;
	margin:3px/*
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;*/
}
div.attractions ul.menus_list_01 li{
	margin:1px
}
.menus_list_01 li a {
	display: block;
	overflow: hidden;
	transition: all 0.6s ease-in-out 0s;
}
.menus_list_01 li:hover a{
    transform: scale(.9);
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius:25px;
}
.menus_list_01 li p{
	color: #fff;
	font-size: 1.8em;
	margin-top: .3em;
	margin-left:.6em
}
.menus_list_02{
	margin:.3em;
	width:6em;
	position:absolute;
	top:0px;
	right:0px;
}
.menus_list_02 li{
	text-align:center;
	margin-top:5em;
}
.menus_list_02 li p{
	color: #fff;
	font-size: 1.2em;
	white-space:nowrap;
	text-align:center;
	margin-top: 0.5em;
}
/****W8 样式*****/
.w8_bg_y{ background-color:#F1C40F}
.w8_bg_b1{ background-color:#01CAD4}
.w8_bg_b2{ background-color:#0E8DAB}
.w8_bg_g{ background-color:#1BC366}
.w8_bg_o{ background-color:#F48221}
.w8_bg_r1{ background-color:#FB667B}
.w8_bg_r2{ background-color:#DD455A}
.menus_list_01 li a.w8_d{
	text-align:center
}
.menus_list_01 li a.w8_d p{
	margin-top:20%;
	margin-left:2.2em;
	
}
div.attractions ul.menus_list_01 li p{
	margin-top: 70%;
}
div.attractions ul.menus_list_01 li a.w8_d p{
	margin-top: 30%;
}
div.attractions ul.menus_list_01 li.ambitus a.w8_d p{
	margin-top:15%;
	margin-left:0px;	
}
.menus_list_01 li.nearby a p{
	margin-top: .3em;
	margin-left:.3em;
	text-align:left
}
.menus_list_01 li a.weather_01 p{
	margin-top: 0.8em;	
	text-align:right;
	padding-right:5px;
}
.menus_list_01 li a.weather_01 p span{
	display:block;
	margin-bottom:20px;
	font-size:0.6em
}
.menus_list_01 li a.weather_01 p span.wearther_title{
	margin-top:.8em;
}
.menus_list_01 li a.weather_01 p span.now_temperature{
	font-size:1.9em
}
/**底部固定菜单栏**/
.menu-footer{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:99999;	
	width: 100%;/*
	background:#000;*/
	background:url(../images/nav_bg.png) top
}
.menu-footer ul{
	display: -webkit-box;
	display: -moz-box;
	display: box;	
	width: 100%;
}
.menu-footer ul li{
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	margin:5px 1px;
	padding:5px;
	cursor:pointer;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
}
.menu-footer ul li:hover,.menu-footer ul li.nav_selectd,.menu-footer ul li:active{
	background:#292929
}
div.menu-footer ul li a{
	display:block;
	float:left;
	width:100%
}
div.menu-footer ul li p{
	font-size:1.2em;
	color:#FFF;
	 margin-top:.5em;
	 display:block
}
/***子栏目表格***/
.content_table{
	background:#fff;	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
	border:1px solid #C7C8C8;
	padding:10px;
}
.content_table tr td{
	border-bottom:1px dotted #BCBCBC
}
.ui-field-contain table.content_table  label.ui-input-text,.ui-field-contain table.content_table input.ui-input-text{
	width:100%;	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	box-shadow:none;
	background:none;
	border:1px solid #fff
}	

/****新闻列表*****/
.messagewrap{
	background:#fff;
	margin:3px;
	overflow:hidden;/*
	background:url(../images/ico/icon_news.png) no-repeat 2px center;*/
}
.messagewrap ul li{ position:relative}
.messagewrap ul li a img{ width:100%}
.messagewrap ul li a span{
	background:#000;
	color:#fff;
	display:block;
	word-break:keep-all;
    white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.4em;
	text-align:center;
	opacity:.8;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%
}
.messagewrap ul li a:hover,.news_list li a:hover span.news_title{ color:#F00}
.news_list li{ background:#FFF; margin:3px}
.news_list li img{ float:left; width:30%; margin:.5em .3em;}
.news_list li span.news_title{
	padding-top:.3em;
	display:block;
	word-break:keep-all;
    white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.6em;
	color:#000
}
.news_list li p.news_title{	
	color:#999;
	margin:.4em 0;
}
.news_list li p.news_title .news_come{
	float:left;
	margin-right:1em;
}
/*.news_list li p.news_title .news_time{
	float:right
}*/
.news_list li p.news_text{
	color:#666;
	font-size:1.2em;
}
.quhua li{ margin:1px; float:left; overflow:hidden}
.quhua li a img{ width:100%}
.quhua_title{ text-align:center; font-size:16px}
.quhua_title p{ text-align:left; text-indent:2em}
.quhua_title img{ width:150px; height:150px;}
div.shanye ul li a{ text-align:center}
div.shanye ul li a img{
	margin-top:25%;
	margin-bottom:5px;
}
div.shanye ul li a p{ margin:0px;}
td.business_title span{ background:#F19100; width:5px; display:block; float:left; height:100%; margin-right:.2em;}
td.business_title{ font-size:1.2em}
.business_conter img{ float:right; margin:0 0 5px 5px; width:100px; height:60px;}
.food_title{ background:#59C4BC; padding:.1em 0; width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;}
.food_title ul li{ font-size:1.4em; float:left; border-right:1px solid #E1E1E1; padding:.3em .5em;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;}

.food_title ul li a{ padding:0 .5em; color:#FFF}
.food_title ul li.selectd a{ background:#fff;border-radius: 15px; color:#31B7BA}
div.food_list{ padding:7.5px;}
.food_list ul li{ margin:7.5px; float:left}
.food_list ul li a p{ display:block}
.food_list ul li a img{ width:100%; height:100px}
span.food_name,.food_tag,.food_num{ color:#000; font-size:1.2em; display:block;
	word-break:keep-all;
    white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
span.food_tag{ float:left; color:#999}
span.food_num{ float:right; color:#999}
span.food_num i{ font-style:normal; color:#ff7800}
.food_detail_text{ background:#FFF; border:1px solid #e9f0f4;
-moz-box-shadow:5px 5px 5px 5px #e9f0f4;;              
-webkit-box-shadow:5px 5px 5px 5px #e9f0f4;;
box-shadow:2px 2px 5px 1px #e9f0f4;
padding:.5em}
.food_detaile_text_top{ border-bottom:1px dotted #BCBCBC; padding-bottom:.3em}
.food_detaile_text_top img{ float:left;margin:0 .5em 0.5em 0; width:120px; height:80px;}
.food_detaile_text_top span.food_name{ padding-top:.5em; font-size:1.4em}
.food_detaile_text_top p{ margin-top:1.2em;}
.food_detaile_text_bottom{ padding-top:.3em}
.food_detaile_text_bottom p{ color:#999; font-size:1.2em; text-indent:2em}
.food_detaile_text_bottom span{ font-size:1.4em}
/*.food_detail{ border-top:5px solid #59C4BC}*/
.food_detail ul{ border:1px solid #e9f0f4; border-bottom:none; margin-top:15px; background:#FFF;-moz-box-shadow:5px 5px 5px 5px #e9f0f4;
-webkit-box-shadow:5px 5px 5px 5px #e9f0f4;;
box-shadow:2px 2px 5px 1px #e9f0f4;}
.food_detail ul li{ padding:.5em; border-bottom:1px solid #e9f0f4;}
.food_detail ul li span{ float:left; font-size:1.2em; width:80%}
.food_detail ul li img{ float:right}

#business ul li{ background:#01CAD4}
#business ul li a div{ position:relative; float: left;
    height: 100px;}
#business ul li a span{ 
	background-image:url(../images/ico/icon_house.png);
	background-position:center;
	background-repeat:no-repeat;
	width:120px; 
	display:block;
	height:100px;
	float:left
}
#business ul li{ height:100px; overflow:hidden; margin:5px;}

#business ul li a p{
	color:#fff;
	position:absolute;
	bottom:0px;
	right:0px;	
	padding:5px 0px;
	background:#000;
	text-align:center;
	opacity:.6;
	width:100%;
	font-size:16px
}

table.stc_table{ font-size:16px;}
table.stc_table tr td{ line-height:28px}
.color_red{ color:#F00}


#university ul li img{ width:216px; height:100px; float:left; margin:5px;}
#university ul li span.name{ font-size:1.4em;}
#university ul li ui-submit ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-up-b{ float:right}